/*************************
 *     General Layout    *
 *************************/
object[type='text/html'] {
	display:none;
}

* {
	margin:0px;
	padding:0px;
}

html {
	font-size:0.85em;
	font-family:Garamond;
}

#header {
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:32px;
	color:#666;
	background-color:#eee;
}

#footer {
	position:fixed;
	bottom:0px;
	left:0px;
	width:100%;
	height:18px;
	border-top:2px solid #666;
	color:#666;
	background-color:#eee;
}

#sidebar {
	position:fixed;
	top:34px;
	left:0px;
	width:300px;
	bottom:20px;
	margin:4px;
}

#detail {
	position:fixed;
	top:34px;
	left:310px;
	right:0px;
	bottom:20px;
	padding:4px;
	margin:4px;
}

/******************
 *     Sidebar    *
 ******************/
#sidebar select {
	width:100%;
}

#data-list {
	padding:2px;
	position:absolute;
	top:36px;right:-1px;bottom:0px;left:0px;
	overflow: auto;
}

#data-list .data-item {
	position:relative;
}

#data-list .data-item > .icon {
	position:absolute;
	top:2px;
	left:3px;
	color:#666;
	background-repeat:no-repeat;
	background-position:center center;
	height:22px;
	width:22px;
	border-radius:11px;
	background-color:white;
}
#data-list .data-item.object > .icon { background-image: url(silk/brick.png); }
#data-list .data-item.array > .icon  { background-image: url(silk/text_list_numbers.png); }
#data-list .data-item.value > .icon  { background-image: url(silk/tag.png); }

#data-list .data-item > .title {
	display:block;
	width:100%;
	padding-top:4px;
	padding-bottom:4px;
	text-indent:30px;
	border-top-left-radius:13px;
	border-bottom-left-radius:13px;
}
#data-list .data-item > .title:hover {
	background-color:#ddd;
}

#data-list .data-item > .disclose {
	position:absolute;
	display:block;
	right:4px;
	top:2px;
	font-size:9px;
	font-style:italic;
	color:#666;
}
#data-list .data-item > .disclose:hover {
	color:#333;
}

#data-list .data-item > ul {
	display:none;
	margin-left:18px;
}

#data-list li,
#data-list ul {
	display:block;
}

/*****************
 *     Detail    *
 *****************/
#data-editor {
	position:absolute;
	top:0px;right:0px;bottom:0px;left:0px;
	padding:8px;
	overflow:auto;
}